<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/public.js"></script>
    <title>云中宝</title>
</head>

<body>
<div class="wrapper">
<div class="header">
    <ul class='clearfix'>
        <li class="header_title_wrapper">用户登录</li>
    </ul> 
</div>
<div class="main pd10 login_wrapper">  
    <form action="">
    <div class="form_item_group">
        <div class="form_item">
            <span class="form_label" for="" style="white-space: nowrap;">手机号：</span>
            <input class="form_input w_10" id="account" type="text" placeholder="请输入手机号">        
        </div>
        <div class="form_item form_item_group">
            <span class="form_label" for="">验证码：</span></span>
            <input class="form_input w_10" id="password" type="text" placeholder="请输入验证码"> 
            <input type="button" class="yz_btn" value="获取验证码"></input>       
        </div>    
    </div>
    <div class="rows">
        <div class="cols6">
            <div class="remind form_checkbox">
                <label>
                   <input type="checkbox">自动登录<i></i>
                </label>   
            </div>
        </div>
        <div class="cols6">
           <a href="#" class="float_r font_blue forget">忘记密码？</a> 
        </div>                    
    </div>
    <div class="rows">
<!--
        <div class="cols6">
            <div class="remind form_checkbox">
                <label>
                   <input type="checkbox">自动登录<i></i>
                </label>   
            </div>
        </div>
-->
        <div class="cols6">
           <a href="#" class="float_l font_blue forget">新用户登录</a> 
        </div>
        <div class="cols6">
           <a href="#" class="float_r font_blue forget">新用户登录</a> 
        </div>                    
    </div>
    <div class="form_item">
        <a class="btn btn_lg bg_orange w_10" onclick="check()">登录</a>        
    </div>
    <div class="form_item">
        <a class="btn btn_lg bg_light_blue w_10" href="sign.html">注册</a>        
    </div>            
    </form>
</div> 
</div>
</div>
<style>
.yz_btn{
    min-width: 100px;
    text-align: center;
    margin-right: 1%;
    border: 1px solid rgb(9, 178, 205) !important;
    border-radius: 13px;
    font-size: 12px;
    height: 28px;
    line-height: 26px
}

</style>
<script type="text/javascript">
$(function(){
    var account={
        jack:{
            name:15812345678,
            pass:111111
        },
        mike:{
            name:15112345678,
            pass:111111
        }
        
    }
    window.check=function(){
       var name =$('#account').val();
       var pass =$('#password').val()
       if(name == account.jack.name && pass == account.jack.pass){
         window.location.href="index.html"
       }else if(name == account.mike.name && pass == account.mike.pass){
         window.location.href="index_self.html"  
       }else{
           return false;
       } 
    }
})
</script>   
</body>
</html>